<template>
  <div>
    <basic-container>
      <el-tabs v-model="activeName" @tab-click="handleClick()">
        <el-tab-pane label="居民健康档案 " name="one">
        </el-tab-pane>
        <el-tab-pane label="健康体检档案 " name="eleven">
        </el-tab-pane>
        <el-tab-pane label="个人基本信息表 " name="two">
        </el-tab-pane>
        <el-tab-pane label="健康体检表 " name="three">
        </el-tab-pane>
        <el-tab-pane label="老年人生活自理能力评估表" name="four">
        </el-tab-pane>
        <el-tab-pane label="老年人中医药健康管理服务记录表" name="five">
        </el-tab-pane>
        <el-tab-pane label="彩色超声检测报告" name="six">
        </el-tab-pane>
        <el-tab-pane label="生化检查体检报告单 " name="seven">
        </el-tab-pane>
        <el-tab-pane label="血常规检查体检报告单 " name="eight">
        </el-tab-pane>
        <el-tab-pane label="尿常规检查体检报告单 " name="night">
        </el-tab-pane>
        <el-tab-pane label="心电图 " name="ten">
        </el-tab-pane>
      </el-tabs>
      <router-view class="khgl_content"></router-view>
    </basic-container>
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: 'HANDLE_Task',
  data() {
    return {
      pathUrl: '',
      activeName: 'one',
      id: null,
      src: ''
    }
  },
  created() {
    this.$router.push({
      path: `/cust/report/cover`,
      query: this.$route.query
    })
  },
  mounted() {},
  methods: {
    handleClick() {
      if (this.activeName == 'one') {
        this.pathUrl = '/cust/report/cover'
      } else if (this.activeName == 'two') {
        this.pathUrl = '/cust/report/jbxx'
      } else if (this.activeName == 'three') {
        this.pathUrl = '/cust/report/jktj'
      } else if (this.activeName == 'four') {
        this.pathUrl = '/cust/report/oldShzlnl'
      } else if (this.activeName == 'five') {
        this.pathUrl = '/cust/report/zyyjkgl'
      } else if (this.activeName == 'six') {
        this.pathUrl = '/cust/report/color'
      } else if (this.activeName == 'seven') {
        this.pathUrl = '/cust/report/shct'
      } else if (this.activeName == 'eight') {
        this.pathUrl = '/cust/report/xcgct'
      } else if (this.activeName == 'night') {
        this.pathUrl = '/cust/report/ncgct'
      } else if (this.activeName == 'ten') {
        this.pathUrl = '/cust/report/xdt'
      } else if (this.activeName == 'eleven') {
        this.pathUrl = '/cust/report/jktjCover'
      }
      this.$router.push({
        path: `${this.pathUrl}`,
        query: this.$route.query
      })
    },

    back() {
      this.$router.isBack = true
      this.$router.push({
        path: `${this.backUrl}`,
        query: this.$route.query
      })
    }
  },
  computed: mapState({
    jkdn: 'jkdn'
  })
}
</script>
<style scoped lang="scss">
.break {
  letter-spacing: 2px;
  font-size: 14px;
  color: #20a0ff;
  cursor: pointer;
  z-index: 2;
}
.break1 {
  letter-spacing: 2px;
  font-size: 14px;
  cursor: pointer;
  z-index: 2;
}
.break:hover {
  color: #333;
}
</style>
